class Food{
    // 获取食物的标签
    element: HTMLElement;
    constructor(){
        // 加！表示一定或获取到
        this.element = document.getElementById('food')!;
    }

    public get X() : number {
        return this.element.offsetLeft
    }

    
    public get Y() : number {
        return this.element.offsetTop
    }

    
    /**
     * 生成一个随机的位置
     * 食物位置最小是0 最大是290
     * 蛇移动一次就是一格，一格就是10，所以就要求食物的位置得是10的倍数
     */
    public change() {
        let left = Math.round(Math.random()*29)* 10
        let top = Math.round(Math.random()*29)* 10
        // this.element.style.left 
        this.element.style.left = left + 'px'
        this.element.style.top = top + 'px'
    }
}

export default Food